<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="format-detection" content="telephone=no">
    <meta charset="UTF-8">

    <meta name="description" content="Violate Responsive Admin Template">
    <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

    <title>index</title>

    <!-- CSS -->
    <link href="lib/css/bootstrap.min.css" rel="stylesheet">
    <link href="lib/css/animate.min.css" rel="stylesheet">
    <link href="lib/css/font-awesome.css" rel="stylesheet">
    <link href="lib/css/form.css" rel="stylesheet">
    <link href="lib/css/calendar.css" rel="stylesheet">
    <link href="lib/css/style.css" rel="stylesheet">
    <link href="lib/css/icons.css" rel="stylesheet">
    <link href="lib/css/generics.css" rel="stylesheet">
    <link rel="stylesheet" href="sort/css/kj.css"/>
    <style>
        .col-md-6{
            margin-top: 30px;
        }
        .col-md-6>input{
            color: red;
        }
    </style>
</head>

<body id="skin-blur-lights">

<header id="header" class="media">
    <!--<a href="" id="menu-toggle"></a> -->
    <a class="logo pull-left" href="index.html">Hotel System</a>

    <div class="media-body">
        <!------------------第一行------------------------>

        <div class="media" id="top-menu">

            <span class=" animated  flash infinite" style="line-height: 50px;font-size: 20px">清洁</span>


            <div id="time" class="pull-right">
                <span id="hours"></span>
                :
                <span id="min"></span>
                :
                <span id="sec"></span>
            </div>

        </div>
    </div>
</header>

<div class="clearfix"></div>

<section id="main" class="p-relative" role="main">

    <!-- Sidebar -->
    <aside id="sidebar" style="padding: 0 20px 0 20px">

        <!-- Sidbar Widgets -->
        <div class="side-widgets overflow" style="padding-top: 20px">
            <!-- Profile Menu -->
            <div class="text-center s-widget m-b-25 " id="profile-menu1">
                <a href="" data-toggle="dropdown">
                    <img class="profile-pic animated" src="sort/img/profile-pic.jpg" alt="">
                </a>
                <h4 class="m-0" style="">Htole System</h4>

            </div>

            <div class="text-center s-widget m-b-25 " id="profile-menu" style="padding-top:30px ">
                <a href="index1.html" data-toggle="dropdown "  class="text1 " >
                    <span class="glyphicon glyphicon-home" style="font-size: 14px;padding-right: 5px"></span>
                    <span >酒店首页</span>
                </a> <br/>
                <div class="dropdown">
                    <a href="room.html" data-toggle="dropdown"  class="text1 " >
                        <span class="glyphicon glyphicon-home" style="font-size: 14px;padding-right: 5px"></span>
                        <span >客房管理</span>
                    </a> <br/>
                    <ul class="dropdown-menu profile-menu"  >
                        <li><a href="" >客房信息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        <li><a href="">客房预订</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        <li><a href="">客户查询</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        <li><a href="">客房调整</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        <li><a href="">退房</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                    </ul>

                </div>



                <a href="KFsys.html"   class="text1 dropdown-toggle">
                    <span class="glyphicon glyphicon-file" style="font-size: 14px;padding-right: 5px"></span>
                    <span >客户信息</span>
                </a><br/>

                <div class="dropdown">
                    <a href="p-management.html" data-toggle="dropdown"  class="text1">
                        <span class="glyphicon glyphicon-user" style="font-size: 14px;padding-right: 5px"></span>
                        <span >人员管理</span>
                    </a><br/>
                    <ul class="dropdown-menu profile-menu" >
                        <li><a href="p-management.html">管理部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        <li><a href="l-management.html">后勤部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        <li><a href="s-management.html">安保部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                    </ul>
                </div>
                <a href="Finance.html" class="text1">
                    <span class="glyphicon glyphicon-th-list" style="font-size: 14px;padding-right: 5px"></span>
                    <span >财务明细</span>
                </a><br/>




                <div class="dropdown">
                    <div class="laCH1">
                        <a href="indexx.html" data-toggle="dropdown"  class="text1">
                            <span class="glyphicon glyphicon-wrench" style="font-size: 14px;padding-right: 5px"></span>
                            <span >修理维护</span>
                        </a><br/>
                        <ul class="dropdown-menu profile-menu">
                            <li><a  href="#">维修信息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            <li ><a  href="#">指派工作</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            <li ><a  href="#">维修状态</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            <li ><a  href="#">维修日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        </ul>
                    </div>
                    <div class="open">
                        <a href="indexCh.html" data-toggle="dropdown"  class="text1">
                            <span class="glyphicon glyphicon-trash" style="font-size: 14px;padding-right: 5px"></span>
                            <span >清洁管理</span>
                        </a><br/>
                        <ul class="dropdown-menu profile-menu">
                            <li class="b1"><a  href="#">清洁信息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            <li class="b2"><a  href="#">指派工作</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            <li class="b3"><a  href="#">清洁状态</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            <li class="b4"><a  href="#">清洁日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        </ul>
                    </div>
                    <div>
                        <a href="" class="text1" data-toggle="dropdown">
                            <span class="glyphicon glyphicon-tags" style="font-size: 14px;padding-right: 5px"></span>
                            <span >日志一览</span>
                        </a><br/>
                        <ul class="dropdown-menu profile-menu" >
                            <li><a href="">维修日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            <li><a href="">清洁日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            <li><a href="">财务日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        </ul>
                    </div>
                </div>

            </div>

            <!-- Calendar -->
            <div class="s-widget m-b-25 "  style="padding-top:40px">
                <div id="sidebar-calendar"></div>
            </div>

            <!-- Feeds -->
            <div class="s-widget m-b-25">
                <h2 class="tile-title">
                    News Feeds
                </h2>

                <div class="s-widget-body">
                    <div id="news-feed"></div>
                </div>
            </div>

            <!-- Projects -->
        </div>
    </aside>

    <!-- Content -->
    <section id="content" class="container">

        <!-- Messages Drawer -->
        <div id="messages" class="tile drawer animated">
            <div class="listview narrow">
                <div class="media">
                    <a href="">Send a New Message</a>
                    <span class="drawer-close">&times;</span>

                </div>
                <div class="overflow" style="height: 254px">
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                            <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">David Villa - 5 Hours ago</small><br>
                            <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                            <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                            <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                            <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">David Villa - On 16/12/2013</small><br>
                            <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Harris worgon - On 17/12/2013</small><br>
                            <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Mitch Bradberry - On 18/12/2013</small><br>
                            <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Wendy Mitchell - On 19/12/2013</small><br>
                            <a class="t-overflow" href="">Integer a eros dapibus, vehicula quam accumsan, tincidunt purus</a>
                        </div>
                    </div>
                </div>
                <div class="media text-center whiter l-100">
                    <a href=""><small>VIEW ALL</small></a>
                </div>
            </div>
        </div>

        <!-- Notification Drawer -->
        <div id="notifications" class="tile drawer animated">
            <div class="listview narrow">
                <div class="media">
                    <a href="">Notification Settings</a>
                    <span class="drawer-close">&times;</span>
                </div>
                <div class="overflow" style="height: 254px">
                    <div class="media">
                        <div class="pull-left">

                        </div>
                        <div class="media-body">
                            <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                            <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">

                        </div>
                        <div class="media-body">
                            <small class="text-muted">David Villa - 5 Hours ago</small><br>
                            <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">

                        </div>
                        <div class="media-body">
                            <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                            <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">

                        </div>
                        <div class="media-body">
                            <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                            <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">

                        </div>
                        <div class="media-body">
                            <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                            <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">

                        </div>
                        <div class="media-body">
                            <small class="text-muted">David Villa - On 16/12/2013</small><br>
                            <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                        </div>
                    </div>
                </div>
                <div class="media text-center whiter l-100">
                    <a href=""><small>VIEW ALL</small></a>
                </div>
            </div>
        </div>

        <!-- Breadcrumb -->
        <ol class="breadcrumb hidden-xs" style="padding-right: 30px">
        <li><a href="#">用户名：<span class="text_lx35"></span></a></li>
        <li><a href="#">部门：<span class="bumen_lx35"></span></a></li>
        <li id="login_out"><a ><button style="color: black" >注销</button></a></li>
    </ol>
        <div class="tis_lx"></div>

        <!--弹出维修员工信息-->

        <div class="dj" style="overflow:auto;width:0;height: 580px;background: #000;position: absolute;opacity: 0.8;display: none;z-index: 1000">
            <div>
                <h4 class="page-title  animated  flash infinite" style="text-align: center">清洁工信息</h4>
                <table class="table tile ss">
                    <thead>
                    <tr>
                        <td>职位</td>
                        <td>工号</td>
                        <td>姓名</td>
                        <td>电话</td>
                        <td>地址</td>
                        <td>工资</td>
                        <td>奖金</td>
                        <td>状态</td>
                        <td>性别</td>
                        <td>入职时间</td>
                        <td>出勤率</td>
                    </tr>
                    </thead>
                    <div >
                        <tbody class="ulch" style="cursor: pointer">

                        </tbody>
                    </div>

                </table>
                <!--增加信息弹出框-->
                <div id="zjxx" style="width: 800px;height: 500px;color:#000000;background: #313131;position: absolute;left: 15%;top:10%;z-index: 10002;display: none">
                    <div class="container-fluid" style="height: 70px;">
                        <div class="col-md-6">  <span style="color: red;font-size: 20px">职位：</span><span style="color: red;font-weight: bolder;font-size: 20px">清洁工</span></div>
                        <div class="col-md-6"> <label for="p1">姓名</label><input class="ii" id="p1" type="text"/></div>
                    </div>
                    <div class="container-fluid">
                        <div class="col-md-6">
                            <label for="p2">电话</label><input class="ii" id="p2" type="number"/>
                        </div>
                        <div class="col-md-6">
                            <label for="p3">地址</label><input class="ii" id="p3" type="text"/>
                        </div>


                    </div>
                    <div class="container-fluid">
                        <div class="col-md-6">
                            <label for="p4">工资</label><input class="ii" id="p4" type="number"/>
                        </div>
                        <div class="col-md-6">
                            <label for="p5">奖金</label><input class="ii" id="p5" type="number"/>
                        </div>


                    </div>
                    <div class="container-fluid">
                        <div class="col-md-6">
                            <label for="p6">状态</label><input class="ii" id="p6" type="text"/>
                        </div>
                        <div class="col-md-6">
                            <label for="p7">性别</label><input class="ii" id="p7" type="text"/>
                        </div>


                    </div>
                    <div class="container-fluid">
                        <div class="col-md-6">
                            <label >入职时间</label><input class="ii" id="p8" type="date"  style="margin-left: -26px;height: 25px;"/>
                        </div>
                        <div class="col-md-6">
                            <label for="p9">出勤率</label><input class="ii" id="p9" type="text"  style="margin-left: -13px;"/>
                        </div>
                    </div>
                    <div  class="container-fluid">
                        <div class="col-md-4 col-md-offset-2">
                            <button class="mb " style="background: red">确定</button>
                        </div>
                        <div class="col-md-4 col-md-offset-2">
                            <button class="mb2 "  style="background: red">取消</button>
                        </div>
                    </div>


                </div>

                <!--修改信息弹出框-->
                <div id="xgxx" style="width: 800px;height: 500px;color:#000000;background: #313131;position: absolute;left: 15%;top:10%;z-index: 10002;display: none">

                    <div class="container-fluid" style="height: 70px;">
                        <div class="col-md-6">  <span style="color: red;font-size: 20px">职位：</span><span style="color: red;font-weight: bolder;font-size: 20px">清洁工</span></div>
                        <div class="col-md-6"> <span  id="d0" style="color: red;font-size: 20px">姓名：</span>    <span id="d1" style="font-size: 20px;color: red;position: absolute;right: 50%">?</span></div>
                    </div>
                    <div class="container-fluid">
                        <div class="col-md-6">
                            <label for="p2">电话</label><input class="ii" id="d2" type="text"/>
                        </div>
                        <div class="col-md-6">
                            <label for="p3">地址</label><input class="ii" id="d3" type="text"/>
                        </div>


                    </div>
                    <div class="container-fluid">
                        <div class="col-md-6">
                            <label for="p4">工资</label><input class="ii" id="d4" type="number"/>
                        </div>
                        <div class="col-md-6">
                            <label for="p5">奖金</label><input class="ii" id="d5" type="number"/>
                        </div>


                    </div>
                    <div class="container-fluid">
                        <div class="col-md-6">
                            <label for="p6">状态</label><input class="ii" id="d6" type="text"/>
                        </div>
                        <div class="col-md-6">
                            <label for="p7">性别</label><span id="d8" style="color: red;margin-left: 50px;"></span>
                        </div>


                    </div>
                    <div class="container-fluid">
                        <div class="col-md-6">
                            <label for="p8">入职时间</label><span id="d7" style="color: red;margin-left: 50px;"></span>
                        </div>
                        <div class="col-md-6">
                            <label for="p9">出勤率</label><input class="ii" id="d9" type="text"/>
                        </div>
                    </div>
                    <div  class="container-fluid">
                        <div class="col-md-4 col-md-offset-2">
                            <button class="nb " style="background: red">确定</button>
                        </div>
                        <div class="col-md-4 col-md-offset-2">
                            <button class="nb2 "  style="background: red">取消</button>
                        </div>
                    </div>

                </div>



            </div>

            <div style="width: 100%;;position:fixed;top: 650px">

                <button id="zj" class=" col-md-1  btn btn-lg m-r-1" style=";width:100px;height: 50px;">
                    增加
                </button>
                <button id="sc" class=" col-md-1  btn btn-lg m-r-1" style="margin-left:21%;width: 100px;height: 50px;">
                    删除
                </button>
                <button id="xg" class="col-md-1  btn btn-lg m-r-1" style="margin-left:21%;width: 100px;height: 50px;">
                    修改
                </button>
                <button class="shaji col-md-1  btn btn-lg m-r-1" style="margin-left:21%;width: 100px;height: 50px;">
                    关闭
                </button>
            </div>

        </div>

        <!--弹出指派工作-->
        <div>


            <div class="dj1" style="width:0;height:  100%;background: #000;position: absolute;opacity: 0.8;display: none">
                <h4 class="page-title  animated  flash infinite" style="text-align: center">指派工作</h4>
                <table class="table tile">
                    <thead>
                    <tr>
                        <td>执行人员</td>
                        <td>工号</td>
                        <td>联系方式</td>
                        <td>清洁项目</td>
                        <td>房间号</td>
                        <td>报修时间</td>
                        <td>预计支出</td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>
                            <select  id="zxname" class="r1"  style="width: 100px;height: 20px; background: transparent;color: #fff;font-weight: bolder">

                            </select>
                        </td>
                        <td>
                            <select  id="zxname1" class="r11"  style="width: 100px;height: 20px;background: transparent;color: #fff;font-weight: bolder">

                            </select>
                        </td>


                        <td>
                            <input class="r4" type="text" style="width: 100px;height: 20px;;background: #000;color: #fff"/>
                        </td>
                        <td>
                            <select  id="zxname2"  class="r123"  style="background: transparent;width: 100px;height: 20px;color: #fff;font-weight: bolder">
                                <option value="单间" >单间</option>
                                <option value="标间" >标间</option>
                                <option value="大床房" >大床房</option>
                                <option value="豪华套房" >豪华套房</option>
                            </select>
                        </td>
                        <td>
                            <select id="zxname3" class="r1234"  style="background: transparent;width: 100px;height: 20px;color: #fff;font-weight: bolder">

                            </select>
                        </td>
                        <td>
                            <input class="r5" style="width: 100px;height: 20px;background: #000;color: #ffffff" type="date"/>
                        </td>
                        <td>
                            <input class="r6" style="width: 100px;height: 20px;background: #000;color: #ffffff" type="text"/>
                        </td>

                    </tr>

                    </tbody>
                </table>
                <button class="shaji12 btn btn-lg m-r-1" style="position: absolute;bottom: 10px;left: 20%">确定</button>
                <button class="shaji1 btn btn-lg m-r-1" style="position: absolute;bottom: 10px;left: 70%;">关闭</button>
            </div>

        </div>
        <!--弹出维修状态-->
        <div class="dj2" style="overflow: auto;width:0;height:  100%;background: #000;position: absolute;opacity: 0.8;display: none">


            <div>




                <h4 class="page-title  animated  flash infinite" style="text-align: center">清洁状态</h4>
                <table  class="table tile">
                    <thead>
                    <tr>
                        <td>执行人员</td>
                        <td>工号</td>
                        <td>联系方式</td>
                        <td>清洁项目</td>
                        <td>房间号</td>
                        <td>报修时间</td>
                        <td>清洁状态</td>
                        <td>实际支出</td>
                    </tr>

                    </thead>
                    <tbody class="UlCh9" style="">
                    <tr>


                    </tr>

                    </tbody>

                </table>


            </div>
            <button class="wxsc btn btn-lg m-r-1" style="position: fixed;bottom:30%;left: 20%;">确定</button>
            <button class="shaji2 btn btn-lg m-r-1" style="position: fixed;bottom:30%;left: 60%;">关闭</button>
        </div>
        <!--弹出指派工作-->
        <div class="dj3" style="overflow: auto;width:0;height:  170%;background: #000;position: absolute;opacity: 0.8;display: none">
            <div>


                <h4 class="page-title  animated  flash infinite" style="text-align: center">清洁日志</h4>
                <table  class="table tile">
                    <thead>
                    <tr>
                        <td>执行人员</td>
                        <td>联系方式</td>
                        <td>维修项目</td>
                        <td>房间号</td>
                        <td>报修时间</td>
                        <td>维修状态</td>
                        <td>支出</td>
                    </tr>

                    </thead>
                    <tbody class="ulCh2">
                    <tr>

                    </tr>

                    </tbody>

                </table>





                <button class="shaji3 btn btn-lg m-r-1" style="position: fixed;bottom:1%;left:12.1%">关闭</button>
            </div>
        </div>


        <div class="modal fade" tabindex="-1" id="xz" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <div class="text-center">
                            <h1 class="modal-title">提示</h1>
                        </div>
                    </div>
                    <div class="modal-body text-center">
                        <h1 id="myh1"></h1>
                    </div>
                    <div class="modal-footer" >
                        <button type="button" class="btn btn-default xz1" data-dismiss="modal">确定</button>
                        <button type="button" class="btn btn-primary xz2" data-dismiss="modal">取消</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

        <!--<div class="xz" style="width: 400px;height:400px;background: #000;opacity:1;color:#fff;position: absolute;left: 35%;top: 50%;display: none;z-index: 10002">-->
            <!--<p style="font-size: 20px;line-height: 200px;text-align: center">确定要删除选中的员工吗？（橙色部分）</p>-->
            <!--<div style="position: absolute;left: 20%">-->
                <!--<button class="xz1" style="background: red;width: 100px;height: 50px;">确定</button>-->
                <!--<button class="xz2" style="background: red;width: 100px;height: 50px;">取消</button>-->
            <!--</div>-->

        <!--</div>-->

    </section>

</section>

<!-- Older IE Message -->
<!--[if lt IE 9]>
<div class="ie-block">
    <h1 class="Ops">Ooops!</h1>
    <p>You are using an outdated version of Internet Explorer, upgrade to any of the following web browser in order to access the maximum functionality of this website. </p>
    <ul class="browsers">
        <li>
            <a href="https://www.google.com/intl/en/chrome/browser/">
                <img src="sort/img/browsers/chrome.png" alt="">
                <div>Google Chrome</div>
            </a>
        </li>
        <li>
            <a href="http://www.mozilla.org/en-US/firefox/new/">
                <img src="sort/img/browsers/firefox.png" alt="">
                <div>Mozilla Firefox</div>
            </a>
        </li>
        <li>
            <a href="http://www.opera.com/computer/windows">
                <img src="sort/img/browsers/opera.png" alt="">
                <div>Opera</div>
            </a>
        </li>
        <li>
            <a href="http://safari.en.softonic.com/">
                <img src="sort/img/browsers/safari.png" alt="">
                <div>Safari</div>
            </a>
        </li>
        <li>
            <a href="http://windows.microsoft.com/en-us/internet-explorer/downloads/ie-10/worldwide-languages">
                <img src="sort/img/browsers/ie.png" alt="">
                <div>Internet Explorer(New)</div>
            </a>
        </li>
    </ul>
    <p>Upgrade your browser for a Safer and Faster web experience. <br/>Thank you for your patience...</p>
</div>
<![endif]-->
</section>

<!-- Javascript Libraries -->
<!-- jQuery -->
<script src="lib/js/jquery.min.js"></script> <!-- jQuery Library -->
<script src="lib/js/jquery-ui.min.js"></script> <!-- jQuery UI -->
<script src="lib/js/jquery.easing.1.3.js"></script> <!-- jQuery Easing - Requirred for Lightbox + Pie Charts-->

<!-- Bootstrap -->
<script src="lib/js/bootstrap.min.js"></script>

<!-- Charts -->
<script src="lib/js/charts/jquery.flot.js"></script> <!-- Flot Main -->
<script src="lib/js/charts/jquery.flot.time.js"></script> <!-- Flot sub -->
<script src="lib/js/charts/jquery.flot.animator.min.js"></script> <!-- Flot sub -->
<script src="lib/js/charts/jquery.flot.resize.min.js"></script> <!-- Flot sub - for repaint when resizing the screen -->

<script src="lib/js/sparkline.min.js"></script> <!-- Sparkline - Tiny charts -->
<script src="lib/js/easypiechart.js"></script> <!-- EasyPieChart - Animated Pie Charts -->
<script src="lib/js/charts.js"></script> <!-- All the above chart related functions -->

<!-- Map -->
<script src="lib/js/maps/jvectormap.min.js"></script> <!-- jVectorMap main library -->
<script src="lib/js/maps/usa.js"></script> <!-- USA Map for jVectorMap -->

<!--  Form Related -->
<script src="lib/js/icheck.js"></script> <!-- Custom Checkbox + Radio -->

<!-- UX -->
<script src="lib/js/scroll.min.js"></script> <!-- Custom Scrollbar -->

<!-- Other -->
<script src="lib/js/calendar.min.js"></script> <!-- Calendar -->
<script src="lib/js/feeds.min.js"></script> <!-- News Feeds -->


<!-- All JS functions -->
<script src="lib/js/functions.js"></script>
<!--陈红-->
<script>
    var pu= $("#zjxx").find("input");
    pu.css({
        color:"red",
        position: "relative",
        left:"50px"
    });
    $(".laCH1").on("click",function(){
        window.location="indexx.html";
    });
//-ch1
    var mz;
    //            加载数组的ajax发送
    fun1();
    function fun1(){


        $.ajax({
            type:"post",
            url:"/ch1",
            data:1,
            success:function(data){

                var html;
                mz = new Array(0);
                for(var i=0;i<data.length;i++){
                    mz.push([data[i].l_name]);
                }

                name=mz;
                for(var i=0;i<data.length;i++){
                    html+='<tr><td>'+"清洁工"+'</td><td>'+data[i].id+'</td><td>'+data[i].l_name+'</td><td>'+data[i].l_tel+'</td><td>'+data[i].l_address+'</td><td>'+data[i].l_money+'</td><td>'+data[i].l_bonus+'</td><td>'+data[i].l_state+'</td><td>'+data[i].l_sex+'</td><td>'+data[i].l_InTime+'</td><td>'+data[i].l_Attendance+'</td>';
                    for(var a=1;a<=2;a++){
                        $(".ulch").html(html);
                    }
                }
            }
        });
    }
    //                维修状态加载数据ajax发送
    fun2();
    function fun2(){
        $.ajax({
            type:"post",
            url:"/chwx1",
            data:1,
            success:function(data){
                var html;


                for(var i=0;i<data.length;i++){
                    var mytime=data[i].c_time;
//                    var time=mytime.split('T')[0]+' '+mytime.split('T')[1].split('.')[0];
                    html+='<tr><td>'+data[i].c_name+'</td><td>'+data[i].c_num+'</td><td>'+data[i].c_tel+'</td><td>'+data[i].c_itme+'</td><td>'+data[i].c_num1+'</td><td>'+data[i].c_time+'</td><td>'+"<input class="+"'active'"+"type="+"'text'"+ "value='"+data[i].c_state+"'"+"/>"+'</td><td>'+"<input class="+"'active'"+"type="+"'text'"+ "value='"+data[i].c_expenditure+"'"+"/>"+'</td>';
                    for(var a=1;a<=2;a++){
                        $(".UlCh9").html(html);
                        $(".active").css({
                            background:"#000"
                        })
                    }
                }
            }
        });
    }
    fun3();
    function fun3(){


        $.ajax({
            type:"post",
            url:"/CHch1",
            data:1,
            success:function(data){


                var html;
                for(var i=0;i<data.length;i++){
                    var mytime=data[i].c_time;

//                    var time=mytime.split('T')[0]+' '+mytime.split('T')[1].split('.')[0];
                    html+='<tr><td>'+data[i].c_name+'</td>'+'<td>'+data[i].c_tel+'</td><td>'+data[i].c_itme+'</td><td>'+data[i].c_num1+'</td><td>'+data[i].c_time+'</td><td>'+data[i].c_state+'</td><td>'+"￥"+data[i].c_expenditure+'</td>';
                    for(var a=1;a<=2;a++){
                        $(".ulCh2").html(html);
                    }
                }


            }
        });
    }
    //维修员信息的增删查改-------------------------------------------------------------------------------------------
    //增加弹出框
    $("#zj").on("click",function(){
        $("#zjxx").css({
            display:"block"
        });

    });

    //            增加
    $(".mb").on("click",function(){
        var p1=$("#p1").val(),
                p2=$("#p2").val(),
                p3=$("#p3").val(),
                p4=$("#p4").val(),
                p5=$("#p5").val(),
                p6=$("#p6").val(),
                p7=$("#p7").val(),
                p8=$("#p8").val(),
                p9=$("#p9").val();
        var zjxx={
            p1:p1,
            p2:p2,
            p3:p3,
            p4:p4,
            p5:p5,
            p6:p6,
            p7:p7,
            p8:p8,
            p9:p9
        };

        $.ajax({
            type:"post",
            url:"/zjCh1",
            data:zjxx,
            success:function(data){

                fun1();
            }

        });

//    self.location="wxCh.html";
    });
    //        删除
    var b, c;
    //   点击
    $(".ulch").on("click","tr",function(){
        $(".mb").on("click",function(){
            $.ajax({
                type:"post",
                url:"/Ch",
                data:1,
                success:function(data){
                    fun1();
                    scxx={

                    };
                }
            })
        });
//    移出变色
        $(".ulch").one("mouseout","tr",function(){

            var aa=this;
            setTimeout(function(){
                $(aa).css({
                    background:"green"
                });
            },500);
        });
        //    移出变色

        var td = this.getElementsByTagName("td")[1].innerHTML;

        var aa=this;
        b=aa.innerText;
        $(aa).css({
            background:"orange"
        });
        var scxx={
            sc:td
        };

        $("#sc").on("click",function(){
            $('#xz').modal('show');
            $('#myh1').text('确认删除？')
            $(".xz1").on("click",function(){
                $.ajax({
                    type:"post",
                    url:"/scCh1",
                    data:scxx,
                    success:function(data){
                        fun1();
                    }
                });



                $(".xz").css({
                    display:"none"
                });
            });
            $(".xz2").on("click",function(){
                $(".xz").css({
                    display:"none"
                });


                $.ajax({
                    type:"post",
                    url:"/Ch",
                    data:1,
                    success:function(data){
                        console.log(data);
                        fun1();
                        scxx={

                        };
                    }
                })
            });


        });
        var  l=aa;
//    关闭维修员弹出框 并刷新选中
        $(".shaji").on("click",function(){
            funa();
            $(".dj").css({
                "display":"none"
            });
            $("#bb").css({
                "display":"none"
            });
            $(".xz").css({
                display:"none"
            });
            $.ajax({
                type:"post",
                url:"/Ch",
                data:1,
                success:function(data){
                    fun1();
                    scxx={

                    };
                }
            });
            $(".dj").animate({width:"0"});
        });
    });
    //            点击关闭维修员信息弹出框
    $(".shaji").on("click",function(){
        funa();
        $(".dj").css({
            "display":"none"
        });
        $("#bb").css({
            "display":"none"
        });
        $(".dj").animate({width:"0"});
    });
    //修改
    var d=0;
    funa();
    function funa(){  $(".ulch").on("click","tr",function(){
        $("#xg").unbind("click");

        var aa=this;
        var td1 = aa.getElementsByTagName("td")[1].innerHTML,
                td11 = aa.getElementsByTagName("td")[2].innerHTML,
                td3=  aa.getElementsByTagName("td")[3].innerHTML,
                td4 =  aa.getElementsByTagName("td")[4].innerHTML,
                td5 =  aa.getElementsByTagName("td")[5].innerHTML,
                td6 =  aa.getElementsByTagName("td")[6].innerHTML,
                td17 =  aa.getElementsByTagName("td")[7].innerHTML,
                td18 =  aa.getElementsByTagName("td")[8].innerHTML,
                td9 =  aa.getElementsByTagName("td")[9].innerHTML,
                td10 =  aa.getElementsByTagName("td")[10].innerHTML;
//    修改信息弹出框基本信息注入
        $("#d0").html(td11);
        $("#d1").html(td1);
        $("#d2").val(td3);
        $("#d3").val(td4);
        $("#d4").val(td5);
        $("#d5").val(td6);
        $("#d6").val(td17);
        $("#d7").html(td9);
        $("#d8").html(td18);
        $("#d9").val(td10);


        $("#xg").on("click",function(){
//    $(".ulch").unbind("click");

            $("#xgxx").css({
                display:"block"
            });


            $(".nb").one("click",function(){


                var tp0 =  $("#d1").html(),
                        tp1 =  $("#d2").val(),
                        tp2 =  $("#d3").val(),
                        tp3 =  $("#d4").val(),
                        tp4 =  $("#d5").val(),
                        tp5 =  $("#d6").val(),
                        tp6 =  $("#d9").val();

                var xgxx={
                    x0:td1,
                    x1:tp1,
                    x2:tp2,
                    x3:tp3,
                    x4:tp4,
                    x5:tp5,
                    x6:tp6
                };
                console.log(xgxx);
                $.ajax({
                    type:"post",
                    url:"/xgCh1",
                    data:xgxx,
                    success:function(data){
                        fun1();
                    }

                });

            })

        });

    });}
    //维修员信息的增删查改-------------------------------------------------------------------------------------------
    //            指派工作的发送数据------------------------------------------------------------------------
    $(".shaji12").on("click",function(){
        $(".dj1").css({
            display:"none"
        });
        var r1=$(".r1").val(),
                r2=$(".r11 option:selected").text(),
                r3=$(".r4").val(),
                r4=$(".r123 option:selected").text(),
                r5=$(".r5").val(),
                r6=$(".r6").val(),
                r7=$(".r1234").val();

        var zpgz={
            r1:r1,
            r2:r2,
            r3:r3,
            r4:r4,
            r5:r5,
            r6:r6,
            r7:r7
        };

        $.ajax({
            type:"post",
            url:"/zpgzCh1",
            data:zpgz,
            success:function(data){
                fun2();
            }

        });

    });
    //            维修状态增删查改处理
    $(".UlCh9").on("click","tr",function(){
        $(".wxsc").unbind("click");

        var ss=this;
        console.log(ss);
        $(".UlCh9>tr").css({
            background:"#000"
        });
        $(ss).css({
            background:"orange"
        });



//                确定发送ajax  删除
        $(".wxsc").on("click",function(){

            ss.remove();
            var      ss1=ss.getElementsByTagName("td")[0].innerHTML,
                    ss2=ss.getElementsByTagName("td")[1].innerHTML,
                    ss3=ss.getElementsByTagName("td")[2].innerHTML,
                    ss4=ss.getElementsByTagName("td")[3].innerHTML,
                    ss51=ss.getElementsByTagName("td")[4].innerHTML,
                    ss5=ss.getElementsByTagName("td")[5].innerHTML,
                    ss6=ss.getElementsByTagName("input")[0].value,
                    ss7=ss.getElementsByTagName("input")[1].value;
            var ll={
                ss1:ss1,
                ss2:ss2,
                ss3:ss3,
                ss4:ss4,
                ss51:ss51,
                ss5:ss5,
                ss6:ss6,
                ss7:ss7
            };


            var scsC={
                ss1:ss1
            };

            $.ajax({
                type:"post",
                url:"/scw1Ch1",
                data:scsC,
                success:function(data){
                    fun2();
                }

            });
            $.ajax({
                type:"post",
                url:"/scw2Ch1",
                data:ll,
                success:function(data){
                    fun3();
                }

            });

            //                确定发送ajax  增加

        });

    });






    //弹出信息框关闭
    $(".mb2").on("click",function(){
        $("#zjxx").css({
            display:"none"
        })
    });
    $(".nb2").on("click",function(){
        d=0;
        $("#xgxx").css({
            display:"none"
        })
    });





    //            弹出事件
    $(".b1").on("click",function(){
        console.log(1);
        $(".dj").css({
            "display":"block"
        });
//                $('.ulch>tr').css({
//                    background:"#000"
//                });
        $(".dj").animate({width:"100%"});
        $("#bb").css({
            "display":"block"
        })
    });

    //            指派工作
    $("#zxname2").on("blur",function(){

        $.ajax({
            type:"post",
            url:"/xs1",
            data:1,
            success:function(data){
                $("#zxname3").empty();
                if($("#zxname2").val()=="单间"){
                    for(var i= 1;i<=6;i++){
                        $("#zxname3").append("<option value="+'1-10'+i+">"+"1-10"+i+"</option>");
                    }
                    for(var a= 1;a<=6;a++){
                        $("#zxname3").append("<option value="+'2-10'+a+">"+"2-10"+a+"</option>");
                    }
                }
                if($("#zxname2").val()=="标间"){
                    for(var b= 1;b<=6;b++){
                        $("#zxname3").append("<option value="+'3-10'+b+">"+"3-10"+b+"</option>");
                    }
                    for(var c= 1;c<=6;c++){
                        $("#zxname3").append("<option value="+'4-10'+c+">"+"4-10"+c+"</option>");
                    }
                }
                if($("#zxname2").val()=="大床房"){
                    for(var d= 1;d<=6;d++){
                        $("#zxname3").append("<option value="+'5-10'+d+">"+"5-10"+d+"</option>");
                    }
                    for(var e= 1;e<=6;e++){
                        $("#zxname3").append("<option value="+'6-10'+e+">"+"6-10"+e+"</option>");
                    }
                }
                if($("#zxname2").val()=="豪华套房"){
                    for(var q= 1;q<=6;q++){
                        $("#zxname3").append("<option value="+'7-10'+q+">"+"7-10"+q+"</option>");
                    }
                }
            }
        });

        $("#zxname3").on("blur",function(){
            var op2=$("#zxname3").val();
            var sz1={
                op2:op2
            }


        })

    });
    $(".b2").on("click",function(){
        $("#zxname").empty();

        for(var a=0;a<mz.length;a++){
            $("#zxname").append("<option value="+mz[a]+">"+mz[a]+"</option>");
        }



        $(".dj1").css({
            "display":"block"
        });
        $("#bb").css({
            "display":"block"
        });
        $(".dj1").animate({width:"100%"});


    });
    //            指派工作显示电话号码


    $("#zxname").on("blur",function(){

        var op1=$("#zxname").val();
        var sz={
            op1:op1
        };
        hu=op1;
        $.ajax({
            type:"post",
            url:"/xs1",
            data:sz,
            success:function(data){
                var sb;
                $("#zxname1").empty();
                for(var a=0;a<data.length;a++){
                    $("#zxname1").append("<option value="+a+">"+data[a].id+"</option>");
                    sb=a;
                }


                if(data.length>1){
                    $("#zxname1").on("blur",function(){
                        var bs=$("#zxname1").val();
                        console.log( $("#zxname1").val());
                        $(".r4").val(data[bs].l_tel);
                    })
                }else{
                    $("#zxname1").unbind("blur");
                    $(".r4").val(data[0].l_tel);
                }

            }

        });
    });




    $(".shaji1").on("click",function(){
        $(".dj1").css({
            "display":"none"
        });
        $("#bb").css({
            "display":"none"
        });
        $(".dj1").animate({width:"0"});
    });
    $(".b3").on("click",function(){
        $(".dj2").css({
            "display":"block"
        });
        $("#bb").css({
            "display":"block"
        });
        $(".dj2").animate({width:"100%"});
    });
    $(".shaji2").on("click",function(){
        $(".dj2").css({
            "display":"none"
        });
        $("#bb").css({
            "display":"none"
        })
        $(".dj2").animate({width:"0"});
    });
    $(".b4").on("click",function(){
        $(".dj3").css({
            "display":"block"
        });
        $("#bb").css({
            "display":"block"
        });
        $(".dj3").animate({width:"100%"});
    });
    $(".shaji3").on("click",function(){
        $(".dj3").css({
            "display":"none"
        });
        $("#bb").css({
            "display":"none"
        });
        $(".dj3").animate({width:"0"});
    });
    //            弹出事件
</script>
<script src="communal/js/local.js"></script>
</body>
</html>
